<!DOCTYPE html>
<html>
    <head>
        <meta name="author" content="Kwh">
        <meta charset="utf-8">
        <title></title>
        <style>
            ul{
                list-style: none;
                margin: 0;
                padding: 0;
                margin-left: 100px;
                margin-top: 100px;
            }
            #xiangmu{
                width: 600px;
                height: 1000px;
                display: inline-block;
                position: absolute;
            }
            #xiangmu h1{
                margin: 0;
                margin-left: 200px;
                display: inline-block;
            }
            #xiangmu ul{
                margin-left: 200px;
            }
            #zuoye{
                display: inline-block;
                width: 600px;
                height: 1000px;
                margin: 0;
                position: relative;
                left: 800px;
            }
            #zuoye h1{
                margin: 0;
                margin-left: 200px;
                display: inline-block;
            }
            #zuoye ul{
                margin-left: 200px;
            }
        </style>
    </head>
    <body>
        <div id="xiangmu">
          <h1>项目</h1>
          <ul>
              <li><a href="html/效果.html">1.无间隙播图</a></li>
              <li><a href="mi.html">2.小米mmmmPC</a></li>
          </ul> 
        </div>
        <div id="zuoye">
       <h1>作业</h1>
          <ul>
            <li><a href="html/高级轮播图.html">1.轮播图</a></li>
            <li><a href="html/千图网-正在完善.html">2.千图网</a></li>
            <h3>2-16</h3>
            <li><a href="html/上午点按钮作业.html">0.上午的按钮</a></li>
            <li><a href="html/1.订单.html">1.订单</a></li>
            <li><a href="html/2.选项卡.html">2.选项卡</a></li>
            <li><a href="html/3.下拉菜单.html">3.下拉菜单</a></li>
            <li><a href="html/4.模拟selector.html">4.模拟selector</a></li>
            <h3>2-17</h3>
            <li><a href="html/遮罩层.html">1.遮罩层</a></li>
            <li><a href="html/jq轮播图.html">2.JQ轮播图</a></li>
            <li><a href="html/jq五星好评.html">3.JQ五星</a></li>
            <h3>2-20</h3>
            <li><a href="html/图片翻转切换.html">1.图片翻转切换</a></li>
            <li><a href="html/图片切换.html">2.图片切换</a></li>
            <li><a href="html/置顶效果.html">3.置顶效果</a></li>
            <li><a href="html/检测输入的字数.html">4.检测输入的数字-没判断中英文.html</a></li>
          </ul>
       </div>
    </body>
</html>